.base-chart {
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-content: center;
	position: relative;
	&-core {
		width: 100%;
		height: 100%;
		&-inner {
			width: 100%;
			height: 100%;
		}
	}
	&-empty {
		display: flex;
		justify-content: center;
		align-content: center;
		width: 100%;
		position: absolute !important;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		.ant-empty {
			width: 100%;
			display: flex;
			justify-content: center;
			align-content: center;
			flex-direction: column;
		}
	}
	&-loading {
		display: flex;
		justify-content: center;
		align-content: center;
		width: 100% !important;
		position: absolute !important;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		.ant-spin {
			display: flex;
			justify-content: center;
			align-content: center;
		}
	}
}
